		* {
			margin: 0;
			padding: 0;
			
			font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
			text-decoration: none;
		}
		a{
		color:#666 ;	
		}
		#my_content {
			min-width: 1200px;
		}
		.my_nav {
			top: 0;
			position: fixed;
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 40px;
			background-color: #333;
			color: #ccc;
			line-height: 40px;
			user-select: none;
			z-index: 10;
			min-width: 1200px;
		}
		.my_nav a{
			color:#ccc;
			font-size: 14px;
		}
		.nav_left {
			display: flex;
			margin-left: 10px;
		}
		.nav_right {
			display: flex;
			margin-right: 10px;
		}
		.my_nav li {
			padding: 0 8px;
		}
		.my_nav li:hover {
			color: black;
			background-color: #F0FFFF;
		}
		.first_nav {
			margin: 15px 0;
			margin-top: 55px;
			display: flex;
			justify-content: space-between;
			height: 80px;
			align-items: center;
			cursor: pointer;		
		}
		.first_nav :hover{
			color:#da812f;
		}
		.first_nav li {
			margin: 0 10px;
		}
		.search button {
			height: 30px;
            background-color: #999999;
			color: aliceblue;
			border: 0;
			
			vertical-align: bottom;
		}
        .search button {
			border-radius: 3px;
			margin-bottom:1px;
            outline:none;
		}
		.nav_input{
			border: 2px solid rgba(255, 82, 82, 0.5);
			border-radius: 5px;
			height: 28px;
			vertical-align: bottom;
			font-size: 18px;
			color: #333;
			width: 180px;
			outline:none;
		}

		.detail{
			margin-top: 10px;
			display: flex;
			background-color: #eeeeee;
			justify-content: space-around;
		}
		.detail>div{
			width: 303px;
			padding: 10px;
		}
		.detail>div>h3{
			color: #333;
			margin:5px  0;
			font-size:16px ;
		}
		.detail>div>h6{
			color: #999999;
			margin:5px  0;
			font-size:14px ;
		}
		.recommendation{
			
			display: flex;
			justify-content: space-between;
			margin-top: 40px;
		}
		.recommendation>div{	
			width: 310px;
		}
		.recommendation>div>h2{
			color: #ff1c0b;
			font-size: 22px;
			display: flex;
			justify-content: space-between;
		}
		.recommendation>div>img{
			margin-top:15px;
			margin-bottom:10px;
		}
		.recommendation>div li{
			margin: 8px 0;
			color: #555;
			line-height:20px;font-size: 16px;
			letter-spacing: 2px;
			border-bottom: 2px dotted #d8a77a;
			padding-left: 8px;
		}
		.new_products{
			margin-top: 10px;
		}
		.new_products>ul:nth-child(1){
			padding-top: 20px;			
			padding-bottom:10px;			
			border-bottom:2px solid rgba(255, 82, 82, 0.7);
		    display: flex;
			font-size: 20px;
			color: #333333;
		}
		.new_products>ul:nth-child(1)>li{
			margin:0 10px;
			font-size: 18px;
			color: #333333;
		}
		.new_products>ul:nth-child(1)>li:hover{
			color: #ff6767;
		}
		.new_products>div:nth-child(2){
			margin-top: 20px;
			text-align: center;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
		}
		.el-card{
			margin-top:20px;
		}
		.el-card .image{
			width: 250px;
			height: 230px;
		}
		.el-card span{
			margin-top:5px ;
			font-size:18px ;
		
		}
		.conversation{
			margin-top: 10px; 	
		}
		.conversation>div:nth-child(1){
			display: flex;
			font-size: 20px;
			align-items: center;
			padding: 5px 0;
			border-bottom: 1px solid #666;
			color: #333333;
		}
		.conversation>div:nth-child(1)>h3{
			color: #FF6767;
			margin-right: 20px;
		}
		.conversation>div:nth-child(2){
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
		}
		.conversation>div:nth-child(2)>div{
			margin-top: 20px;
			background-color: #ADD8E6;
			width: 460px;
			height: 250px;			
		}
		.comment{
			height: 300px;
			margin-top: 30px;
			border-top: 1px solid #666;
			padding-top: 10px;
			color: #666666;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			position: relative;
		}
		.comment>h3{			
			color: #ff5500;
			font-size: 16px;	
		}
		.comment>p{
			margin: 10px 0;
			font-size: 14px;
		}
		


		